<template>
  <div>
    <el-card>
      <p>商家信息</p>
      <el-image style="width: 100px; height: 70px"
                src="https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg"></el-image>
      <el-image style="width: 100px; height: 70px"
                src="https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg"></el-image>
    </el-card>
    <el-card style="margin-top: 10px">
      <div style="display: flex; justify-content: space-between;"><span>品牌名称</span><span>炸鸡汉堡</span></div>
      <el-divider></el-divider>
      <div style="display: flex; justify-content: space-between;"><span>商家品类</span><span>汉堡薯条/炸鸡炸串</span></div>
      <el-divider></el-divider>
      <div style="display: flex; justify-content: space-between;"><span>商家地址</span><span>福建省泉州市</span></div>
      <el-divider></el-divider>
      <div style="display: flex; justify-content: space-between;"><span>商家电话</span><span style="color: #409EFF">联系商家</span></div>
      <el-divider></el-divider>
      <div style="display: flex; justify-content: space-between;"><span>营业时间</span><span>10:45:00-1:00:00</span></div>
      <el-divider></el-divider>
      <div style="display: flex; justify-content: space-between;"><span>营业资质</span><span>&gt;</span></div>
    </el-card>
    <el-card style="margin-top: 10px" class="merchantServe">
      <p>商家服务</p>
     <div> <span style="border: grey solid 1px;color: grey;font-size: 12px">拒单赔</span>
       <span style="font-size: 12px">商家原因导致订单取消，赔付代金券</span></div>
      <div> <span style="border: grey solid 1px;color: grey;font-size: 12px">食安保</span>
        <span style="font-size: 12px">该商户食品安全已由国泰产险承担，食品安全有保障</span></div>
    </el-card >
    <el-card style="margin-top: 10px;text-align: center">举报商家</el-card>
  </div>
</template>

<script>
    export default {
        name: "Merchant"
    }
</script>

<style scoped>
  p {
    margin: 0 0 10px;
  }
  .merchantServe.el-card__body{
    padding:10px!important;
  }

</style>
